import React from 'react';
import Input from '../../components/input/input';
import styles from './register.module.scss';


export const Register = () => {
	return (
		<div className={styles['login']}>
			{error && <p style={{ color: 'red' }}>{error}</p>}
			<h2>Регистрация</h2>
			<form className={styles['form']} onSubmit={submit}>
				<div className={styles['input']}>
					<label htmlFor="email">Ваш email</label>
					<Input id="email" name='email' placeholder='Email' />
				</div>
				<div className={styles['input']}>
					<label htmlFor="password">Ваш пароль</label>
					<Input id="password" name='password' type="password" placeholder='Пароль' />
				</div>
				<div className={styles['input']}>
					<label htmlFor="name">Ваше имя</label>
					<Input id="name" name='name' placeholder='Имя' />
				</div>
				<Button appearance="big">Зарегистрироваться</Button>
			</form>
			<div className={styles['href']}>
				<div>Есть акканут? <Link to="/auth/login">Войти</Link></div>

			</div>
		</div>
	);
};
